Std 12th IT Subject (Science Stream)
Create a webpage named imagemap. html with an inserted image having jpeg, png or gif extension. Create 3 different shapes (like rectangle, circle and polygon) which do not overlap. Note down the co-ordinates making use of Ms-Paint/GIMP/IrfanView/Pinta. Each shape should be mapped or navigate with a different URL, one of the clickable area should navigate to a local webpage.
<!DOCTYPE html>
<html>
<head>
<title>client side mapping</title>
</head>
<body>
<h1>Client Side Image Mapping</h1>
<img src="School.jpg" usemap="#school" width="600">
<map name="school">
<area shape="rect" coords="19,15,266,79" href="http://www.google.com" alt="rectangle">
<area shape="circle" coords="287,224,60" href="http://www.redifmail.com" alt="circle">
<area shape="poly" coords="122,188,63,240,149,276,215,253" href="page1.html" alt="polygon">
</map>
</body>
</html>